import { createRouter, createWebHistory } from 'vue-router'


const routes = [
    {
        path: '/elementTable',
        name: 'elementTable',
        component: () => import('../views/element/elementTable'),
    },
    {
        path: '/elementLunbo',
        name: 'elementLunbo',
        component: () => import('../views/element/elementLunbo'),
    },
    {
        path: '/elementForm',
        name: 'elementForm',
        component: () => import('../views/element/elementForm'),
    },
    {
        path: '/elementMenu',
        name: 'elementMenu',
        component: () => import('../views/element/elementTable'),
    },
    {
        path: '/elementLayout',
        name: 'elementLayout',
        component: () => import('../views/element/elementLayout'),
    },
    {
        path: '/elementSlot',
        name: 'elementSlot',
        component: () => import('../views/element/elementSlot'),
    },
    {
        path: '/elementAll',
        name: 'elementAll',
        component: () => import('../views/element/elementAll'),
    },
    {
        path: '/elementButton',
        name: 'elementButton',
        component: () => import('../views/element/elementButton'),
    },
    {
        path: '/vuecli3',
        name: 'vuecli3',
        component: () => import('../views/vuecliModel'),
    },
    {
        path: '/vuecli3True',
        name: 'vuecli3',
        component: () => import('../views/vueCliGzMethod'),
    },
    {
        path: '/axiosItem',
        name: 'axiosItem',
        component: () => import('../views/item/axiosItem'),
    },
    {
        path: '/formItem',
        name: 'formItem',
        component: () => import('../views/item/formItem'),
        // children:[
        //     { path: 'add', component: add}
        // ]
    },
    {
        path: '/axiosItemPro',
        name: 'axiosItemPro',
        component: () => import('../views/item/axiosItemPro'),
    }
]

const router = createRouter({
    history: createWebHistory(process.env.BASE_URL),
    routes
})

export default router
